<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<meta charset="UTF-8">
	<title>流程中心列表</title>
	<style>
		.modal-lg {
			max-width: 100%;
			/*width: 95%;*/
			max-width: none;
		}
	</style>
</head>
<body>
	<div class="m-content jehc-content-1">
		<div class="m-portlet">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
						</h3>
					</div>
				</div>
			</div>
			<!--begin::Form-->
			<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
				<div class="m-portlet__body">	
					<div class="form-group m-form__group row">
						<label class="col-form-label">标题:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="lc_process_title" placeholder="请输入">
						</div>
						<label class="col-form-label">标识:</label>
						<div class="col-lg-2">
							<select class="form-control" name="lc_process_flag" placeholder="请选择">
								<option value="">请选择</option>
								<option value="0">通过平台设计器设计</option>
								<option value="1">通过上传部署</option>
							</select>
						</div>
						<label class="col-form-label">模块Key:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="moduleKey" placeholder="请输入">
						</div>
					</div>
					<div class="form-group m-form__group row">
						<label class="col-form-label">产品:</label>
						<div class="col-lg-2">
							<select class="form-control" name="lc_product_id" id="lc_product_id" placeholder="请选择" onchange="initGroupListSetV('lc_group_id','lc_product_id')">
								<option value="">请选择</option>
							</select>
						</div>
						<label class="col-form-label">产品组:</label>
						<div class="col-lg-2">
							<select class="form-control" name="lc_group_id" id="lc_group_id" placeholder="请选择">
								<option value="">请选择</option>
							</select>
						</div>
						<label class="col-form-label">状态:</label>
						<div class="col-lg-1">
							<select class="form-control" name="lc_process_status" placeholder="请选择">
								<option value="">请选择</option>
								<option value="0">待发布</option>
								<option value="1">发布中</option>
								<option value="2">已关闭</option>
							</select>
						</div>
						<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
							<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
						</a>
						<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
							<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
						</a>
					</div>
	            </div>
	            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
					<div class="m-form__actions m-form__actions--solid">
						<div class="row">
							<div class="col m--align-left">
								<a class="btn btn-light-primary font-weight-bold mr-2" href="javascript:toLcProcessAdd()">
									<span><i class="fa fa-pencil fa-lg"></i><span>新 增</span></span>
								</a>
								<a class="btn btn-light-success font-weight-bold mr-2" href="javascript:toLcProcessUpdate()">
									<span><i class="fa fa-magic fa-lg"></i><span>编 辑</span></span>
								</a>
								<a class="btn btn-light-danger font-weight-bold mr-2" href="javascript:delLcProcess()">
									<span><i class="fa fa-times"></i><span>废弃流程</span></span>
								</a>
							</div>
							<div class="col m--align-right">
								<a class="btn btn-light-dark font-weight-bold mr-2" href="javascript:addDesign()">
									<span><i class="flaticon-interface-9 fa-lg"></i><span> 在线设计</span></span>
								</a>
								<a class="btn btn-light-warning font-weight-bold mr-2" href="javascript:search('datatables')">
									<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</form>
			<!--end::Form-->
		</div>
		<table id="datatables" class="table table-bordered table-striped table-hover display nowrap" style="white-space: nowrap; width: 99.9%;">
			<thead>
				<tr>
					<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
					<th>序号</th>
					<th>流程标题</th>
					<th>操作</th>
					<th>运行状态</th>
					<th>使用状态</th>
					<th>标识</th>
					<th>版本</th>
					<th>产品线</th>
					<th>产品组</th>
					<th>宽</th>
					<th>高</th>
					<th>创建人</th>
					<th>创建时间</th>
					<th>修改人</th>
					<th>修改时间</th>
					<th>模块</th>
				</tr>
			</thead>
		</table>
	</div>
</body>
<!-- 流程设计器模态框（Modal）开始 -->
<div class="modal fade" id="lcDesignModal" tabindex="-1" role="dialog" aria-labelledby="lcDesignModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcDesignModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcDesignModalLabel">
					在线设计
				</h4>
				<button type="button" class="close" data-dismiss="modal" onclick="closeLcProcessWin()" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcDesignPanelBody">
					<iframe id="lcDesignIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
				</div>
			</div>
			<!--<div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal" onclick="closeLcProcessWin()">关闭</button>
            </div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 流程设计器模态框（Modal）结束 -->


<!-- 流程发布版本模态框（Modal）开始 -->
<div class="modal fade" id="lcDeploymentHisModal" tabindex="-1" role="dialog" aria-labelledby="lcDeploymentHisModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcDeploymentHisModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcDeploymentHisModalLabel">
					流程发布版本
				</h4>
				<!--<button type="button" class="close" data-dismiss="modal" onclick="closeLcProcessWin()" aria-hidden="true">&times;</button>-->
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcDeploymentHisPanelBody">
					<iframe id="lcDeploymentHisIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
				</div>
			</div>
			<div class="modal-footer">
                <button type="button" class="btn btn-light-primary m-btn m-btn--custom m-btn--icon" data-dismiss="modal" onclick="closeLcProcessWin()">取 消</button>
            </div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 流程发布版本模态框（Modal）结束 -->

<!-- 流程图模态框（Modal）开始 -->
<div class="modal fade" id="lcProcessImageModal" tabindex="-1" role="dialog" aria-labelledby="lcDeploymentHisImageModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcProcessImageModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcProcessImageModalLabel">
					流程图
				</h4>
				<button type="button" class="close" data-dismiss="modal" onclick="closeLcProcessWin()" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcProcessImagePanelBody">
					<form class="form-horizontal" id="defaultImageForm" method="post" style='height:calc(100vh - 180px);overflow: auto;'>
						<div class="form-group m-form__group row">
							<img src="" id="imagePath">
						</div>
					</form>
				</div>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 流程图模态框（Modal）结束 -->


<!-- 复制流程模态框（Modal）开始 -->
<div class="modal fade" id="copyProcessModal" tabindex="-1" role="dialog" aria-labelledby="copyProcessModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" id="copyProcessModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">
					复制流程
				</h4>
				<button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="copyProcessPanelBody">
					<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="defaultCopyProcessForm" method="post" style='height:350px;overflow: auto;'>
						<input type="hidden" id="processId" name="lc_process_id">
						<div class="form-group m-form__group row">
							<label class="col-md-3 col-form-label">标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</label>
							<div class="col-md-9">
								<input class="form-control" name="lc_process_title" id="lc_process_title"  placeholder="请输入" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-3 col-form-label">产&nbsp;品&nbsp;线</label>
							<div class="col-md-9">
								<input type="hidden" id="lc_product_idTemp"/>
								<select class="form-control" name="lc_product_id" readonly id="lc_product_id_" placeholder="请选择" onchange="initGroupListSetV('lc_group_id_','lc_product_id_')">
									<option value="">请选择</option>
								</select>
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-3 col-form-label">产&nbsp;品&nbsp;组</label>
							<div class="col-md-9">
								<input type="hidden" id="lc_group_idTemp"/>
								<select class="form-control" name="lc_group_id" readonly id="lc_group_id_" placeholder="请选择">
									<option value="">请选择</option>
								</select>
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-md-3 col-form-label">模块Key</label>
							<div class="col-md-9">
								<input class="form-control" name="moduleKey" id="moduleKey"  placeholder="请输入" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-3 col-form-label">属性同步</label>
							<div class="col-md-6">
								<select class="form-control" name="syncAttr" readonly id="syncAttr" placeholder="请选择">
									<option value="0">包含属性</option>
									<option value="1">复制时不同步属性</option>
								</select>
							</div>
						</div>
					</form>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light-success font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" data-dismiss="modal">取 消</button>
				<button type="button" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" onclick="doCopy();">确 认</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 复制流程模态框（Modal）结束 -->
	<script type="text/javascript" src="/deng/include/include.js"></script>
	<script type="text/javascript" src="/deng/view/workflow/lc-process/lc-process-list.js"></script>
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
	<!--<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/colResizable-1.6.min.js"></script>-->

</html>
